/*全局*/

h1, h2, h3, h4, h5, h6, p, ul, li, form, input,p{
	margin:0px;
	padding:0px;
}
* {
	margin:0px;
	padding:0px;
	font-family:"microsoft yahei";
}
.tlbg,.tlbg1,.tlfbg {
	width:100%;
}
.tlbg1 {
	background-color:#f9f9f9;
}
.tlfbg {
	background-color:#444546;
}
.mcenter {
	width:1200px;
	margin:0px auto;
}
img {
	border:0px;
}
a {
	text-decoration:none;
}
/*head区*/
#headtl, #headm {
	height:100px;
}
#headm div {
	float:left;
}
#headmlogo {
	float:left;
	margin-top:18px;
	width:509px;
}
#headmlogo img {
	width:288px;
	height:38px;
}
#headmform {
	float:left;
	margin-top:15px;
	width:454px;
	background-color:#188eee;
}
#headmform form, #headmform input {
	margin:0px;
	padding:0px;
}
#headmform input[type="text"] {
	float:left;
	display:block;
	width:382px;
	height:36px;
	border:#188eee 2px solid;
	color:#a9a9a9;
	font-size:12px;
	padding-left:10px;
	line-height:36px;
}
#headmform input[type="image"] {
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin-left:18px;
	margin-top:11px;
}
#headmhelp {
	float:left;
	width:237px;
	margin-top:29px;
	text-align:right;
	font-size:12px;
	color:#333333;
}
#headmhelp span {
	display:inline-block;
	width:1px;
	height:14px;
	background-color:#dddddd;
	margin-left:10px;
	margin-right:11px;
}
/*banner区*/
/*通栏banner变换区*/
#bannertl {
	height:476px;
	background-image:url(../img/bannertl_bg1.png);
	/*与最中间右边轮换banner图片配合变换背景
	background-image:url(../img/bannertl_bg2.png);
	background-image:url(../img/bannertl_bg3.png);
	background-image:url(../img/bannertl_bg4.png);
	*/
	background-repeat:repeat-x;
	
}
/*中间banner变换区*/
#bannerm {
	height:476px;
	position:relative;
}
/*左边导航栏区*/
#bannerml {
	float:left;
	width:220px;
	height:476px;
	color:#FFF;
	position:absolute;
	z-index:99;
}
#bannerml h1 {
	background-color:#188eee;
	width:177px;
	height:36px;
	padding-top:14px;
	padding-left:43px;
	font-size:16px;
	font-weight:normal;
	background-image:url(../img/sandaogang.png);
	background-repeat:no-repeat;
	background-position:15px 18px;
}
#bannerml h1 a {
	text-decoration:none;
	color:#FFF;
}
#bannerml h1 a:hover {
	text-decoration:underline;
}
/*menu导航开始*/
#menu {
	width:220px;
	height:426px;
	background-color:#0477c0;
}
#menu1 {
	width:220px;
	height:426px;
	list-style:none;
}
.menu2 {
	width:205px;
	height:56px;
	border-bottom:#1681c4 1px solid;
	padding-top:14px;
	padding-left:15px;
	position:relative;
}
.menu2:hover {
	background-color:#0264a3
}
.menu2:hover .menu3 {
	display:block;
}
.menu2 a:hover {
	text-decoration:underline;
}
.menu2 h2 {
	font-size:16px;
	font-weight:normal;
	background:url(../img/arr_r_2.png) no-repeat 183px 2px;
}
.menu2 h2 a {
	color:#FFF;
	text-decoration:none;
}
.menu2:hover h2 {
	background-image:url(../img/arr_r_1.png);
}
.menu2a {
	height:38px;
	line-height:34px;
}
.menu2a a {
	display:inline-block;
	text-decoration:none;
	color:#97d2f7;
	font-size:13px;
	margin-right:13px;
}
/*弹出式导航区*/
.menu3, .menu3b, .menu3f {
	width:442px;
	height:280px;
	position:absolute;
}
.menu3 {
	border:#09699c 2px solid;
	display:none;
	left:220px;
	top:0px;
	z-index:99;
}
/*弹出背景透明设置*/
.menu3b {
	background-color:#FFF;
	opacity:0.95;
	filter:alpha(opacity=95);
}
/*弹出前景不透明设置*/
.menu3f {
	color:#009;
	font-size:15px;
}
.menu4 {
	width:382px;
	margin:0px 30px;
}
.menu4 a, .menu4 a:hover {
	text-decoration:none;
}
.menu4 dt, .menu4 dd {
	float:left;
	height:56px;
	border-bottom:1px #CCC solid;
	margin-top:18px;
}
.menu4 dt {
	width:76px;
}
.menu4 dt a {
	color:#039ae3;
	font-weight:bold;
}
.menu4 dt a:hover {
	color:#62b4f7;
}
.menu4 dd {
	width:290px;
}
.menu4 dd a {
	color:#333333;
	display:block;
	float:left;
	font-size:14px;
	margin-left:15px;
	/*margin-right:12px;  待改进 一行三个变成四个*/
	margin-bottom:6px;
}
.menu4 dd a:hover {
	color:#62b4f7
}
.menu4 .menu4foot { 
	border-bottom-width:0px; /*加前缀，优先级*/
}
/*右边区域，包括幻灯区及其它*/
#bannermr {
	float:right;
	width:980px;
	position:absolute;
	top:0px;
	left:220px;/*绝对定位，ie6布局不乱，但新问题又来了，*/
	z-index:5;
}
#bannermr_top {
	height:50px;
}
#bannermr_middle {
	height:300px;
}
/*banner幻灯核心区*/
#huandeng {
	width:760px;
	height:300px;
	float:left;
	background-image:url(../img/huandeng1.jpg);
	/*幻灯区开始
	background-image:url(../img/huandeng2.jpg);
	background-image:url(../img/huandeng3.jpg);
	background-image:url(../img/huandeng4.jpg);
	幻灯区结束*/
	background-repeat:no-repeat;
}
/*幻灯片中间左右三角控制区*/
.huandengq {
	margin-top:110px;
	width:45px;
	height:70px;
}
.huandengq img {
	width:45px;
	height:70px;
	display:none;
}
#huandengl {
	float:left;
	margin-left:10px;
}
#huandengl:hover img {
	display:block;
}
#huandengr {
	float:right;
	margin-right:10px;
}
#huandengr:hover img {
	display:block;
}
#huandeng:hover #huandengl {
	background-image:url(../img/huandengl.png);
	background-repeat:no-repeat;
}
#huandeng:hover #huandengr {
	background-image:url(../img/huandengr.png);
	background-repeat:no-repeat;
}
/*幻灯片底部圆点轮换及控制区*/
#huandengb {
	width:114px;
	height:24px;
	background-image:url(../img/huangdengb_bg.png);
	margin-left:310px;
	margin-top:261px;
	padding-left:26px;
}
#huandengb span {
	display:inline-block;
	width:10px;
	height:10px;
	margin-left:8px;
	margin-top:8px;
	background-image:url(../img/circle_k.png);
	background-repeat:no-repeat;
}
#huandengb span:hover {
	background-image:url(../img/circle_s.png)
}
/*中间最右边列表下载扫描区 */
#bannermr_middler {
	width:220px;
	height:260px;
	float:left;
	margin-top:20px;
	position:relative;
	/*background-color:#6766ce;中间变换背景，待删除*/
}
/*两个图层，一个背景半透明，一个前景透明，定位重合，大小一致*/
#bm_top {
	background-color:#000;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
}
#bm_top, #bm_top_fr {
	width:220px;
	height:150px;
	position:absolute;
	left:0px;
	top:0px;
}
#bm_top_fr {
	color:#FFF;
	font-size:14px;
}
#brtop_ul {
	width:171px;
	margin-left:35px;
	padding-top:7px;
}
#brtop_ul li {
	list-style:square;
	height:36px;
	line-height:28px;
}
#brtop_ul li a {
	color:#FFF;
}
#brtop_ul li a:hover {
	text-decoration:underline;
}
/*两个图层，一个背景半透明，一个前景透明，定位重合，大小一致*/
#bm-bottombg, #bm-bottomfr {
	width:220px;
	height:110px;
	position:absolute;
	left:0px;
	top:150px;
}
#bm-bottombg {
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}
.bm_b_b {
	display:block;
	float:left;
	width:110px;
	height:50px;
	padding-top:60px;
	text-align:center;
	color:#FFF;
}
#bm_b_l {
	background-image:url(../img/download.png);
	background-repeat:no-repeat;
	background-position:center 10px;
}
#bm_b_l:hover, #bm_b_r:hover {
	background-color:#132843;
}
#bm_b_r {
	position:relative;
	background-image:url(../img/saoyisao.png);
	background-repeat:no-repeat;
	background-position:center 10px;
}
/*微信弹出，弹出的图层，采用背景图片方式，当然也可插入图片方式*/
#bm_b_r_out {
	width:120px;
	height:120px;
	overflow:hidden;  /*背景图片超出也隐藏，不管多大，配合下面背景图片定位*/
	position:absolute;
	left:-110px;
	top:-5px;
	display:none;
}
/*背景图片定位*/
#bm_b_r:hover #bm_b_r_out {
	display:block;
	background-image:url(../img/bg-board-qr.png);
	background-repeat:no-repeat;
	background-position:center;
}
.bm_b_b_t {
	font-size:16px;
}
.bm_b_b_b {
	font-size:12px;
}
/*bannaer右边底部三个图像区*/
#bannermr_bottom {
	width:980px;
	height:125px;
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;
}
#bannermr_bottom img {
	width:326px;
	height:125px;
	/*图片与图片之间，有缝隙，就像字与字之间有缝隙一样，需转换为块状再贴齐*/
	display:block;
	float:left;
}
/*热门课程区*/
#mainltl, #main1m, .main_m_ty1 {
	height:331px;
}
.main_m_ty1, .main_m_ty_top1 {
	width:1200px;
}
/*上部*/
.main_m_ty_top1 h2, .maintlm_top_right, .main_m_ty_top2 h2, .maintlm_top_right2 {
	float:left;
	height:80px;
}
.main_m_ty_top1 h2, .maintlm_top_right {
	border-bottom:#cccccc 1px solid;
}
.main_m_ty_top1 h2 {
	margin:0px;
	padding:0px;
	width:220px;
	font-weight:normal;
}
.main_m_ty_top1 a, .main_m_ty_top2 a {
	display:inline-block;
	text-decoration:none;
	margin-top:43px;
	height:36px;
}
.main_m_ty_top1 h2 a, .main_m_ty_top2 h2 a {
	font-size:22px;
	color:#202020;
}
.main_m_ty_top1 h2 a:hover {
	color:#66ccff
}
.maintlm_top_right {
	width:980px;
}
.maintlm_top_right a, .maintlm_top_right2 a {
	font-size:13px;
	line-height:36px;
	width:90px;
	text-align:center;
	color:#000;
}
.maintlm_top_right .selectp, .maintlm_top_right2 .selectp {
	border-bottom:#0099ff 2px solid;
	color:#0099ff;
	float:left;
}
/* 移开状态 {border-bottom-width:0px;color:#000;}*/
#unsel {
	background-image:url(../img/unselectplay.jpg);
	background-repeat:no-repeat;
	background-position:12px;
	padding-left:20px;
}
.unselectp {
	width:70px;
}
.unselectp:hover {
	border-bottom:#0099ff 2px solid;
}
#unsel:hover {
	background-image:url(../img/selectplay.jpg);
}
.unselectp:hover {
	border-bottom:#0099ff 2px solid;
	color:#0099ff;
}
/* 无法控制样式变化
#unsel:hover #sel {       
	border-bottom-width:0px;
	color:#000;
}*/
/*下部*/
.main_m_ty_bot1, .main_m_ty_bot2, .main_m_ty_bot4 {
	width:1200px;
	height:250px;
	clear:left;
	border-top:transparent 1px solid;
}
.xiaoimgdiv {
	float:left;
	width:220px;
	height:176px;
	margin-top:30px;
	margin-bottom:19px;
	padding:8px;
	font-size:14px;
	border:1px solid #fff;
}
.xiaoimgdiv:hover {
	border:1px solid #CCC;
	border-radius: 1px;
	box-shadow:#ececec 0px 1px 1px;
	/*第一个阴影颜色，参数二阴影X轴偏移位置,参数三代表Y的偏移位置，参数四代表阴影模糊成对*/
}
.main_m_ty_bot1 a, .main_m_ty_bot2 a, .main_m_ty_bot3 a, .main_m_ty_bot4 a {
	display:inline-block;
	margin:0px;
	padding:0px;
	color:#000;
}
.xiaoimgdiv img {
	display:inline-block;
	width:220px;
	height:124px;
}
.imgtitle:hover {
	color:#66ccff;
}
.nomoney {
	width:220px;
	height:28px;
}
.fenleis:hover {
	color:#66ccff;
}
.mifeib {
	color:#66cc33;
}
.fenges {
	display:inline-block;
	width:1px;
	height:16px;
	background-color:#CCC;
	margin-left:11px;
	margin-right:11px;
}
.main_m_ty_bot2 {
	display:none;
}
/*职业技能区*/
#main2tl, #main2m, #main3tl, #main3m, #main4tl, #main4m {
	height:541px;
}
.main_m_ty2 {
	width:1200px;
	height:541px;
}
.main_m_ty_bot3 {
	width:1200px;
	height:460px;
	clear:left;
}
/*主体通用2左边区域*/
.main_m_ty_bot3_left {
	float:left;
	width:220px;
	height:460px;
}
.main_m_ty_bot3_left a {
	display:block;
}
.main_m_ty_bot3_left img {
	display:block;
	margin-top:0px;
	margin-left:-20px;
}
/*主体通用2中间区域*/
.main_m_ty_bot3_center {
	float:left;
	width:736px;
	height:400px;
	padding:20px 0px 40px 12px;
}
.main_m_ty_bot3_center .xiaoimgdiv {
	margin:0px;
}
.tlbg1 .xiaoimgdiv {
	border:1px solid #f9f9f9
}
.tlbg1 .xiaoimgdiv:hover {
	border:1px solid #CCC;
	border-radius: 1px;
	box-shadow:#ececec 0px 1px 1px;
	/*第一个阴影颜色，参数二阴影X轴偏移位置,参数三代表Y的偏移位置，参数四代表阴影模糊成对*/
}
/ /*主体通用2右边区域*/
.main_m_ty_bot3_right {
float:right;
width:220px;
}
/*上部*/
.main_m_ty_b_right {
	width:220px;
	height:59px;
	border-bottom:#dfdfdf 1px solid;
	font-size:16px;
	font-weight:normal;
	float:left;
	text-align:center;
}
.main_m_ty_b_right span {
	width:110px;
	height:30px;
	display:inline-block;
	float:left;
	padding-top:11px;
	margin-top:18px;
}
.first {
	border-bottom:#188eee 1px solid;
	color:#333333
}
.second {
	color:#999999;
	border-bottom:#dfdfdf 1px solid
}
.main_m_ty_b_right span:hover {
	border-bottom:#188eee 1px solid;
	color:#333333
}
/*下部*/
.orderul {
	float:left;
	list-style:none;
	width:218px;
	height:370px;
	margin:0px;
	padding:0px;
	font-size:14px;
}
.orderul li {
	float:left;/*ie7,加上底部能对齐*/
	width:220px;
	height:28px;
	line-height:28px;
	padding-top:2px;
	padding-bottom:2px
}
.orderul li:hover {
	background-color:#e5e5e5;
}
.orderul li em {
	display:inline-block;
	width:18px;
	float:left;
	overflow:hide;
	height:18px;
	background-image:url(../img/005348c190e9753669d0f62d66396bdd.png);
	background-repeat:no-repeat;
	margin:6px 16px 0px 10px;
}
.orderul li a {
	dispaly:inline-block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width:176px;
	float:left;
}
.orderul .firstli {
	width:220px;
	height:85px;
	margin-top:10px;
}
.orderul li a:hover {
	color:#62b4f7;
}
.firstli a {
	display:block;
	float:left;
}
.orderul li .main_m_ty_b_r_t_a {
	width:176px;
}
.orderul li .main_m_ty_b_r_m_a {
	float:left;
	display:inline-block;
	width:90px;
	height:63px;
	margin-left:44px;
	margin-right:5px;
}
.main_m_ty_b_r_text {
	float:left;
	width:50px;
	height:63px;
}
.main_m_ty_b_r_text b, .main_m_ty_b_r_text i {
	display:inline-block;
	float:left;
	font-weight:normal;
	font-style:normal;
	height:24px;
}
.main_m_ty_b_r_text b {
	color:#e85308;
}
.main_m_ty_b_r_text i {
	color:#999999;
}
.firstem {
	background-position:-105px -163px;
}
.secondem {
	background-position:-84px -163px;
}
.thirdem {
	background-position:-21px -163px;
}
.fourthem {
	background-position:-174px -130px;
}
.fifthem {
	background-position:-49px -57px;
}
.sixthem {
	background-position:0px -163px;
}
.seventhem {
	background-position:-63px -163px;
}
.eighthem {
	background-position:-42px -163px;
}
.ninthem {
	background-position:-195px -130px;
}
/*语言学习区*/
/*结构同上，共用上边*/
/*IT培训区*/

/*中小大学区*/
#main5tl, #main5m, #main6tl, #main6m, #main7tl, #main7m {
	height:340px;
}
main_m_ty3 {
	width:1200px;
	height:340px;
}
.main_m_ty_top2 {
	width:1200px;
}
.main_m_ty_top2 h2 {
	margin:0px;
	padding:0px;
	width:465px;
	font-weight:normal;
}
.main_m_ty_top2 h2 a:hover {
	color:#66ccff;
}
.maintlm_top_right2 {
	width:735px;
	border-bottom:#cccccc 1px solid;
}
/*下部*/
.main_m_ty_bot4_left {
	float:left;
	width:465px;
}
.main_m_ty_bot4_right {
	float:left;
	width:723px;
	padding-left:12px;
}
/*兴趣爱好区*/
/*同上*/
/*亲子课堂区*/
/*同上*/
/*入驻机构区*/
#main8tl, #main8m {
	height:255px;
}
.main_m_ty4 {
	width:1200px;
	height:102px;
	padding-top:80px;
	padding-bottom:74px;
}
.main_m_ty4 div {
	float:left;
}
.main_m_ty4_l {
	width:100px;
	height:102px;
}
.main_m_ty4_l h2 {
	font-size:22px;
	font-weight:normal;
	color:#202020;
	margin-top:23px;
}
.main_m_ty4_l a {
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#188eee;
	margin-top:5px;
}
.main_m_ty4_r {
	width:1100px;
	height:102px;
}
.main_m_ty4_r a {
	display:inline-block;
	width:103px;
	padding-left:9px;
	padding-right:9px;
}
.main_m_ty4_r a img {
	width:100px;
	height:100px;
	border:#eeeeee 1px solid;
}
.main_m_ty4_r span {
	display:inline-block;
}
.main_m_ty4_r_l {
	width:40px;
	height:102px;
	background-image:url(../img/arrl.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.main_m_ty4_r_l:hover {
	background-image:url(../img/arrl2.jpg)
}
.main_m_ty4_r_r {
	width:38px;
	height:102px;
	background-image:url(../img/arrr.jpg);
	background-repeat:no-repeat;
	background-position:10px center;
}
.main_m_ty4_r_r:hover {
	background-image:url(../img/arrr2.jpg)
}
/*footer区*/
#footertl, #footerm {
	height:321px;
}
.foot_ty_top {
	width:1200px;
	height:106px;
	border-bottom:#4a4b4c 1px solid;
	color:#999999;
	padding-top:43px;
}
.foot_ty_top h2 {
	font-size:22px;
	font-weight:normal;
}
.foot_ty_top a {
	display:inline-block;
	margin-right:40px;
	margin-top:29px;
	font-size:12px;
	color:#999999;
}
.foot_ty_bottom {
	text-align:center;
	color:#777777;
	font-size:12px;
}
.foot_ty_bottom img {
	display:block;
	width:42px;
	height:32px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
}
.foot_ty_bottom p {
	line-height:22px;
}
.foot_ty_bottom span {
	display:block;
	margin-top:10px;
}
